<template>
  <div class="form-list-wp">
  	<div class="title">表单模板列表</div>
  	<div class="list">
  		<div v-for="(item, index) in data" :key="index" class="item">
  			<div class="sort">{{index+1}}</div>
  			<div class="name">
  				<div class="text-line-1">{{item.formName}}</div>
  			</div>
  		</div>
  	</div>
  </div>
</template>

<script setup>
	import { reactive, ref, onMounted } from 'vue'

	const props = defineProps({
		data: {
			type: Array
		}
	})

	const _d = reactive({
		
	})
	
	onMounted(() => {
	
	})
</script>

<style lang="scss" scoped>
.form-list-wp {
	margin: 10px 25px;
	border: 1px solid #EBEEF5;
	.title {
		padding: 0 15px;
		line-height: 32px;
		background: #F8F8F8;
	}
	.list {
		.item {
			border-top: 1px solid #EBEEF5;
			display: flex;
			line-height: 32px;
			.sort {
				width: 55px;
				border-right: 1px solid #EBEEF5;
				text-align: center;
			}
			.name {
				width: 0;
				flex: 1;
				padding: 0 15px;
			}
		}
	}
}
</style>